/* ----------------------------------------------------------------
        微信公众号UI
        修改时间: 2018-5-3
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
        发布内容 - 微信自定义,二维码/转化链接,自动回复
-----------------------------------------------------------------*/
.layui-form-cont {
    padding: 50px 20px 20px 20px;
}

.layui-form-conts {
    padding: 20px 10px;
}

.layui-form-title {
    color: #fff;
    text-indent: 15px;
    padding: 10px 0;
    background: #222;
}

.layui-form-ps {
    color: #f00;
    text-indent: 15px;
    padding: 10px 0;
    border: 1px solid #ddd;
}

.layui-form-item {
    margin-bottom: 0;
    padding: 15px 10px;
    border: 1px solid #ddd;
    border-top: 0px;
}

.layui-tab-content {
    padding: 0;
    margin-top: 20px;
}

/* ----------------------------------------------------------------
        列表 - 二维码/转化链接,自动回复,微信素材
-----------------------------------------------------------------*/
.layui-tab-nav {
    width: 100%;
    height: 41px;
}

.layui-tab-left {
    /*width: 100%;*/
    float: left;
    position: relative;
    /*top: 4px;*/
}

.layui-tab-left .layui-btn {
    width: 100%;
}

.layui-tab-right {
    /*float: right;*/
    /*width: 89%;*/
}

.layui-new-table {
    margin-top: 20px;
}

.layui-new-form {
    margin-top: 20px;
}

/* ----------------------------------------------------------------
        状态颜色 - 微信上传
-----------------------------------------------------------------*/
.status-off {
    color: #FF5722;
}

.status-on {
    color: #009688;
}

.status-all {
    color: #1E9FFF;
}

/* ----------------------------------------------------------------
        微信用户
-----------------------------------------------------------------*/
.form-title-withe {
    text-indent: 0px;
    background: #fff;
}

/* ----------------------------------------------------------------
        微信留言
-----------------------------------------------------------------*/
.w-table-message thead th, .w-table-message tbody td {
    text-align: center;
}

.w-table-message .message-headim {
    width:80px;
    padding: 1px;
    border: #e6e6e6 solid 1px;
}

/* ----------------------------------------------------------------
        发布内容 - 微信上传
-----------------------------------------------------------------*/
.layui-wechatup-title span {
    margin-right: 10px;
}

.layui-wechatup-title .check-box {
    clear: both;
    float: none;
    margin-right: 10px;
}

/*.layui-wechat .layui-row {*/
    /*-moz-column-count:4; !* Firefox *!*/
    /*-webkit-column-count:4; !* Safari 和 Chrome *!*/
    /*column-count:4;*/
    /*-moz-column-gap: 1em;*/
    /*-webkit-column-gap: 1em;*/
    /*column-gap: 1em;*/
/*}*/

/*.layui-wechat .rhaphp-media-news {*/
    /*-moz-page-break-inside: avoid;*/
    /*-webkit-column-break-inside: avoid;*/
    /*break-inside: avoid;*/
/*}*/



/* ----------------------------------------------------------------
        微信回复
-----------------------------------------------------------------*/
.content-reply-box{width:100%;overflow:hidden;}
.content-reply-box li{width:100%;overflow:hidden;margin-bottom:2em;}
.content-reply-box li.odd .user{float:left;margin-right:10px;}
.content-reply-box li.even .user{float:right;margin-left:10px;}
.content-reply-box li.odd .reply-content-box{margin-left:72px;}
.content-reply-box li.even .reply-content-box{margin-right:72px;}
.user-name{color:#999;margin-top:5px;display:block;text-align:center;width:50px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}

.reply-time{
    width:100%;
    color:#dd514c;
    font-size:.85em;
    display:inline-block;
    margin-bottom: 5px;
}

.content-reply-box li.odd .reply-time{text-align:left;}
.content-reply-box li.even .reply-time{text-align:right;}

.reply-content{
    border:1px solid #aaa;
    padding:.6em;
    background-color:#fcfcfc;
    border-radius:4px;
    /*box-shadow:0 0 5px #3bb4f2;*/
}

.content-reply-box li.odd .arrow{
    width:0;
    height:0;
    line-height:0;
    font-size:0;
    border-color:transparent #aaa transparent transparent;
    border-width:6px;
    border-style:dashed solid dashed dashed;
    display:block;
    position:absolute;
    top:8px;
    left:-12px;
    z-index:999;
}

.content-reply-box li.even .arrow{
    width:0;
    height:0;
    line-height:0;
    font-size:0;
    border-color:transparent transparent transparent #aaa;
    border-width:6px;
    border-style:dashed dashed dashed solid;
    display:block;
    position:absolute;
    top:8px;
    right:-12px;
    z-index:999;
}

.reply-content:hover{
    border:1px solid #3bb4f2;
    box-shadow:0 0 5px #3bb4f2;
}

.content-reply-box li.odd:hover .arrow {
    border-color:transparent #3bb4f2 transparent transparent;
}

.content-reply-box li.even:hover .arrow {
    border-color:transparent transparent transparent #3bb4f2;
}

.operating{border-top:1px solid #ccc;}
.operating li{border-right:1px solid #ccc;}
.operating a{padding:0.85em 0;display:inline-block;width:100%;}
.pr{position:relative;}
.oh{overflow:hidden;}
.mg10 {margin:10px 0;}
.linear-g{
    background: -moz-linear-gradient(top, #fdfdfd, #f6f6f6);
    background: -webkit-gradient(linear,top,from(#fdfdfd),to(#f6f6f6));
    background: -webkit-linear-gradient(top, #fdfdfd, #f6f6f6);
    background: -o-linear-gradient(top, #fdfdfd, #f6f6f6);
    box-shadow:0 0 5px #ccc;
}

.read-btn {
    width: 100%;
    margin: 20px auto 0 auto;
    text-align: center;
}

/* ----------------------------------------------------------------
        微信素材
-----------------------------------------------------------------*/
.layui-title-upload .layui-btn {
    margin-right: 10px!important;
}

/* ----------------------------------------------------------------
        Page.分页
-----------------------------------------------------------------*/
.pages {
    font-family: '微软雅黑','Raleway', sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

ul.pagination {
    float: right;
    display: inline-block;
    padding-left: 0px;
}

ul.pagination li {
    float: left;
    display: block;
    padding: 5px 15px;
    margin-right: 3px;
    border: 1px solid #ddd;
}

ul.pagination li a {
    color: #333;
}

ul.pagination li.active {
    border: 0px;
}

ul.pagination li.active span {
    color: #333;
}

.contact-page .page-right {
    float: right;
}

.contact-page span a {
    color: #000;
}

.contact-page span a:hover {
    color: #29ae40;
}


/* ----------------------------------------------------------------
        根据分辨率来判断显示
-----------------------------------------------------------------*/
